import React from 'react'
import style from './index.module.scss'
import { listItem} from '../listItem'


export default function Detailed() {

  // 个人信息表头
  const date1 = [
    {
      id: 1,
      name: '本人姓名：',
      key: "id"
    },
    {
      id: 2,
      name: "手机号码1：",
      key: "name"
    },
    {
      id: 3,
      name: "身份证：",
      key: "sex"
    },
    {
      id: 4,
      name: "年龄：",
      key: "age"
    },
    {
      id: 5,
      name: "有无子女：",
      key: "home"
    },
    {
      id: 6,
      name: "QQ：",
      key: "money"
    },
    {
      id: 7,
      name: "家人是否知晓：",
      key: "id"
    },
    {
      id: 8,
      name: "性别：",
      key: "name"
    },
    {
      id: 9,
      name: "手机号码2：",
      key: "age"
    },
    {
      id: 10,
      name: "学历：",
      key: "sex"
    },
    {
      id: 11,
      name: "婚姻状况：",
      key: "home"
    },
    {
      id: 12,
      name: "邮箱：",
      key: "money"
    },
    {
      id: 13,
      name: "微信：",
      key: "money"
    },
    {
      id: 14,
      name: "",
      key: ""
    }
  ]

  // 居住信息表头
  const date2 = [
    {
      id: 1,
      name: '居住情况：',
      key: "id"
    },
    {
      id: 2,
      name: "详细地址",
      key: "name"
    },
    {
      id: 3,
      name: "现居住时长",
      key: "sex"
    },
    {
      id: 4,
      name: "现居住地",
      key: "age"
    },
    {
      id: 5,
      name: "住宅电话",
      key: "home"
    }
  ]

  // 资产表头
  const date3 = [
    {
      id: 1,
      name: '房产：',
      key: "id"
    },
    {
      id: 2,
      name: "车产：",
      key: "name"
    },
    {
      id: 3,
      name: "个人年收入：",
      key: "sex"
    },
    {
      id: 4,
      name: "房产数量：",
      key: "age"
    },
    {
      id: 5,
      name: "车产数量：",
      key: "home"
    },
  ]

  // 联系人表头
  const date4 = [
    {
      id: 1,
      name: '配偶姓名：',
      key: "id"
    },
    {
      id: 2,
      name: "移动电话：",
      key: "name"
    },
    {
      id: 3,
      name: "直属亲属姓名：",
      key: "sex"
    },
    {
      id: 4,
      name: "移动电话：",
      key: "age"
    },
    {
      id: 5,
      name: "其他联系人姓名",
      key: "home"
    },
    {
      id: 6,
      name: "移动电话",
      key: "money"
    },
    {
      id: 7,
      name: "工作单位",
      key: "id"
    },
    {
      id: 8,
      name: "",
      key: ""
    },
    {
      id: 9,
      name: "关系：",
      key: "age"
    },
    {
      id: 10,
      name: "工作单位：",
      key: "sex"
    },
    {
      id: 11,
      name: "关系",
      key: "home"
    },
    {
      id: 12,
      name: "工作单位",
      key: "money"
    },
  ]

  // 职业表头
  const date5 = [
    {
      id: 1,
      name: '参与工作时间：',
      key: "id"
    },
    {
      id: 2,
      name: "是否缴纳社保",
      key: "name"
    },
    {
      id: 3,
      name: "现单位地址",
      key: "sex"
    },
    {
      id: 4,
      name: "单位电话：",
      key: "age"
    },
    {
      id: 5,
      name: "现单位职位：",
      key: "home"
    },
    {
      id: 6,
      name: "入职时间：",
      key: "money"
    },
    {
      id: 7,
      name: "现单位名称：",
      key: "id"
    },
    {
      id: 8,
      name: "是否缴纳公积金：",
      key: "name"
    },
    {
      id: 9,
      name: "详细地址",
      key: "age"
    },
    {
      id: 10,
      name: "现单位部门：",
      key: "sex"
    },
    {
      id: 11,
      name: "单位性质：",
      key: "home"
    }
  ]
  // 身份表头
  const date6 = [
    {
      id: 1,
      name: "身份证正/反面",
      key: "img"
    },
    {
      id: 2,
      name: "手持身份证",
      key: "img"
    }
  ]

  // 模拟数据
  const obj = {
    id: 123,
    name: "王娇娇",
    age: 10086,
    home: "详细地址详细地址详addddd详细地址详细地址详细地址详细地址详细地址",
    sex: 0,
    money: 2000,
    img: <div className={style.myImg}>
      <img src={require("../../../components/Customer/images/8557673.jpg")} />
    </div>
  }

  return (
    <div className={style.Detailed}>
      <div className={style.module}>
        <div className={style.head}>
          <h4>个人信息</h4>
        </div>
        {listItem(date1, obj, 2)}
      </div>
      <div className={style.module}>
        <div className={style.head}>
          <h4>居住信息</h4>
        </div>
        {listItem(date2, obj, 2)}
      </div>
      <div className={style.module}>
        <div className={style.head}>
          <h4>资产信息</h4>
        </div>
        {listItem(date3, obj, 2)}
      </div>
      <div className={style.module}>
        <div className={style.head}>
          <h4>联系人信息</h4>
        </div>
        {listItem(date4, obj, 2)}
      </div>
      <div className={style.module}>
        <div className={style.head}>
          <h4>职业信息</h4>
        </div>
        {listItem(date5, obj, 2)}
      </div>

      <div className={style.module}>
        <div className={style.head}>
          <h4>身份信息</h4>
        </div>
        {listItem(date6, obj, 2)}
      </div>

    </div>


  )
}
